<template>
  <el-button :size="props.size" @click="handleDesignerExit" circle>
    <Icon icon="ep:back" />
  </el-button>
</template>

<script lang="ts" setup>
import { string } from 'vue-types'

const emit = defineEmits(['exitEvent'])

// 通过 defineProps 接收父组件传递的 formExit 方法
// const props = defineProps({
//   size: string,
//   exitCallback: {
//     type: Function,
//     required: false
//   }
// })

const props = withDefaults(
  defineProps<{
    size: string
    exitCallback: {
      type: Function
      required: false
    }
  }>(),
  {
    size: 'medium',
    exitCallback: null
  }
)

//表单退出、返回
const handleDesignerExit = () => {
  if (props.exitCallback) {
    props.exitCallback()
  }
  emit('exitEvent')
}
</script>
